<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
  <!--
    1、order：单独设定某个子项目的顺序，默认值0，如果想排在前面采用-1  ，排列在后边大于0



    2、放大缩小
    放大：flex-grow
    缩小：flex-shrink


    3、设置初始值：
        flex-badis,最好跟flex-shrink搭配使用

   4、单独给某个子项目设定对齐方式
       align-self :上对齐   下对齐   居中    拉伸
        align-self: auto | flex-start | flex-end | center | baseline | stretch;







  -->
</body>
</html>